<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式</title>
		<style>/* type="text/css"可有可无*/
		   h3{
			   color:green;/*字体颜色*/
			   font-size:20px;/*字体大小*/
			   text-align: center;/*文本居中显示*/
		   }
		</style>
		<!--step2:引入css文件-->
		<link href="css/fontstle.css" re1="stylessheet"/>
	</head>
	<body>
		<!--引入样式的方式
		1.内联样式:在开始标签中加入style属性，在属性中设置样式
		2.内部样式：在head标签中用style标签引入
		3.外部样式：
		step1:书写外部样式css文件
		step2:在HTML文件的head标签中引入css文件
		三种引入样式的优先级
		内联样式优先级最高
		谁离标签更近听谁的
		-->
		<h1 style="color:green;font-size:24px">古诗中文网</h1> <!--内联样式-->
		<h3>蒹葭</h3>
		<p>蒹葭苍苍，白露为霜</p>
		<p>所谓伊人，在水一方</p>
		
	</body>
</html>
